<!DOCTYPE html>
<html>
<!-- 引入init-web 去除所有外部间隔-->
<link rel="stylesheet" type="text/css" href="../style/css/init-web.css">
<link rel="stylesheet" type="text/css" href="../style/css/btn.css">

<head>
    <meta charset="utf-8">
    <title>HelloCssLibrary</title>
    </body>
    大号
    <div>
        <button class="btn-primary btn-lg btn-danger ">主按钮</button>
        <button class="btn-default btn-lg">默认按钮</button>
        <button class="btn-dashed btn-lg">虚线按钮</button>
        <button class="btn-text btn-lg">文本按钮</button>
        <button class="btn-link btn-lg">链接按钮</button>
    </div>
    <!-- 大号 -->
    中号--默认
    <div>
        <button class="btn-primary btn-md">主按钮</button>
        <button class="btn-default btn-md">默认按钮</button>
        <button class="btn-dashed btn-md">虚线按钮</button>
        <button class="btn-text btn-md">文本按钮</button>
        <button class="btn-link btn-md">链接按钮</button>
    </div>
    小号
    <div>
        <button class="btn-primary btn-sm btn-warning">主按钮</button>
        <button class="btn-default btn-sm">默认按钮</button>
        <button class="btn-dashed btn-sm">虚线按钮</button>
        <button class="btn-text btn-sm">文本按钮</button>
        <button class="btn-link btn-sm">链接按钮</button>
    </div>
    圆的
    <div>
        <button class="btn-primary  btn-circle">主</button>
        <button class="btn-default btn-circle">默</button>
        <button class="btn-dashed btn-circle">虚</button>
        <button class="btn-text btn-circle">文</button>
        <button class="btn-link btn-circle">链</button>
    </div>
    正方形的
    <div>
        <button class="btn-primary btn-square btn-danger">主</button>
        <button class="btn-default btn-square">默认</button>
        <button class="btn-dashed btn-square">虚</button>
        <button class="btn-text btn-square">文</button>
        <button class="btn-link btn-square">链</button>
    </div>
    加载中
    <div>
        <button class="btn-primary btn-loading btn-circle"></button>
    </div>
    被禁用的
    <div>
        <button class="btn-primary  btn-disabled " disabled>主</button>
        <button class="btn-default btn-disabled btn-circle">默</button>
        <button class="btn-dashed btn-disabled btn-circle">虚</button>
        <button class="btn-text btn-disabled btn-circle">文</button>
        <button class="btn-link btn-disabled btn-circle">链</button>
    </div>

</html>